extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          .form-group
            label.marginR10 状态&emsp;
              select.form-control.form-width100(name="")
                option(value="") 请选择
                option(value="1") 启用
                option(value="2") 停用
          .form-group
            label.marginR10 车辆品牌&emsp;
              select.form-control.form-width100(name="")
                option(value="") 请选择车辆品牌
          .form-group
            label.marginR10 车辆颜色&emsp;
              input.form-control.form-width150(name="" placeholder="请输入颜色")
          .form-group
            button.pull-right.btn.btn-default#search-btn(type="button")
              i.fa.fa-search
              span 查询
    .com-op.marginT10
      button.btn.btn-default.marginR10#btn-edit(type="button")
        //- i.fa.fa-edit
        span 修改
      button.btn.btn-default.marginR10#btn-add(type="button")
        i.fa.fa-plus
        span 新增
      button.btn.btn-default.marginR10(type="button")
        //- i.fa.fa-?
        span 操作记录

    .content-body.marginT10#table-box
      table.table#table-carColor
      #pager-carColor

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")

block self_js
  script(src="../../js/module/vehicle/color.js")

block layer

  //- 新增
  .layer-box#layer-color-add
    form.mw1200.padding20#form-color-add(name="form-color-add", autocomplete="off")
      +colorForm

  //- 修改
  .layer-box#layer-color-edit
    form.mw1200.padding20#form-color-edit(name="form-color-edit", autocomplete="off")
      +colorForm

mixin colorForm
  .row.form-row.form-row-sm
    .col-xs-12
      .form-text 车辆品牌
      .form-container
        select.form-control(name="", disabled)
          option(value="") 请选择车辆品牌
  .row.form-row.form-row-sm
    .col-xs-12
      .form-text 车辆型号
      .form-container
        input.form-control(name="", placeholder="请输入车辆型号", disabled)
  .row.form-row.form-row-sm
    .col-xs-12
      .form-text 颜色
      .form-container
        input.form-control(name="", placeholder="请输入车辆颜色", disabled)
  .row.form-row.form-row-sm
    .col-xs-12
      .form-text 状态
      .form-container
        label.marginR10
          input(type="radio", name="vehicle_status",  value="启用" disabled)
          span &ensp;启用
        label
          input(type="radio", name="vehicle_status", value="停用" disabled)
          span &ensp;停用
